<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>编辑采购单</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=yes" name="format-detection" />
    <link href="<%=basepath%>css/index.css" rel="stylesheet" type="text/css">
    <link href="<%=basepath%>css/materials.css" rel="stylesheet" type="text/css">
    <script src="<%=basepath%>js/jquery-1.8.3.min.js"></script>
    <script src="<%=basepath%>js/layer/layer.js"></script>
</head>
<body>
<div class="viewport">
    <%@ include file='purchasing-header.html'%>
    <div class="content m-top">
        <div class="blank"></div>
        <div class="content-2">
            <ul>
                <li><a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=materials&prefix=3g_purchasing">蔬菜</a> </li>
                <li class="li-active"><a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=materials-2&prefix=3g_purchasing">水果</a> </li>
            </ul>
            <a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=materials-3&prefix=3g_purchasing" class="a-1"><img alt="添加" src="<%=basepath%>images/add.png" class="img-1"></a>
        </div>
        <div class="content-3">
            <div class="content-3-1">
                <ul id="tab">
                   <li class="li-active">常用水果</li>
                   <li>北方水果</li>
                   <li>南方水果</li>
                   <li>进口水果</li>
                   <li>其它水果</li>
                </ul>
            </div>
            <div class="Tab">
               <div class="content-3-2 div-active">
                  <div class="content-3-2-1"><span>常用水果</span></div>
                  <div class="content-3-2-2">
                    <table>
                       <tr>
                          <td>橘子</td>
                          <td>湖北</td>
                          <td>3&nbsp;千克</td>
                          <td><input type="checkbox"></td>
                       </tr>
                       <tr>
                          <td>苹果</td>
                          <td>山东</td>
                          <td>0&nbsp;千克</td>
                          <td><input type="checkbox"></td>
                       </tr>
                       <tr>
                          <td>荔枝</td>
                          <td>广东</td>
                          <td>0&nbsp;千克</td>
                          <td><input type="checkbox"></td>
                       </tr>
                       <tr>
                          <td>榴莲</td>
                          <td>广东</td>
                          <td>0&nbsp;千克</td>
                          <td><input type="checkbox"></td>
                       </tr>
                   </table>
                </div>
               </div>
               <div class="content-3-2">
                  <div class="content-3-2-1"><span>北方水果</span></div>
                  <div class="content-3-2-2"></div>
               </div>
               <div class="content-3-2">
                  <div class="content-3-2-1"><span>南方水果</span></div>
                  <div class="content-3-2-2"></div>
               </div>
               <div class="content-3-2">
                  <div class="content-3-2-1"><span>进口水果</span></div>
                  <div class="content-3-2-2"></div>
               </div>
               <div class="content-3-2">
                  <div class="content-3-2-1"><span>其它水果</span></div>
                  <div class="content-3-2-2"></div>
               </div>
            </div>    
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">
    /*Tab切换*/
    $(function(){
    	$("#tab li").click(function(){
    		$(this).addClass("li-active").siblings().removeClass("li-active");
    		$(".Tab .content-3-2").addClass("div-active").siblings().removeClass('div-active');
            $('.Tab .content-3-2:eq('+$(this).index()+')').fadeIn().siblings().hide();

    	});
    });
    /*提示下载 */
    $(function(){
	    $("#load").click(function(){
		    layer.msg("请下载农商易手机APP",{shadeClose:true,shade:0.1,time:2000});
	    });
    });
</script>